<div class="product">
    <!--<div class="row">-->
        <!--<div class="col-sm-12">-->
            <!--<input type = "search" class="form-control" placeholder="输入商品名称" [formControl]="titleFilter">-->
        <!--</div>-->
    <!--</div>-->
    <div class="col-md-4 col-sm-4 col-lg-4" *ngFor="let product of products | async ">
        <div class="thumbnail">
            <img src = "http://placehold.it/320x150" alt = "">
            <div class="caption">
                <h4 class="pull-right">{{product.price}}元</h4>
                <h4><a href = "" [routerLink]="['/product', product.id]">{{product.title}}</a></h4>
                <p>{{product.desc}}</p>
            </div>
            <div class="">
                <app-stars [rating]="product.rating"></app-stars>
            </div>
        </div>
    </div>
</div>
